<script setup lang="ts">
import HealthNav from './HealthNav.vue';
import HealthList from './HealthList.vue';
import SelectList from './SelectList.vue';
</script>

<template>
    <div class="herlth">
        <img class="herlth-img" src="@/images/health/health.png" alt="">
        <nav-content navData="&nbsp;&nbsp;>&nbsp;&nbsp;健康管理"></nav-content>
        <HealthNav></HealthNav>
        <div class="herlth-box">
            <HealthList></HealthList>
            <SelectList></SelectList>
        </div>
    </div>
</template>

<style scoped lang="scss">
.herlth {

    .herlth-img {
        display: flex;
        width: 100vw;
        height: 79vh;
    }

    .herlth-box {
        display: flex;
        width: 80vw;
        margin: 4vh auto 0;

    }
}
</style>